:root {
    --bg-color: #ffffff;
    --text-color: #1a1a1a;
    --border-color: #eaeaea;
    --footer-bg-color: #efefef;
    --footer-text-color: #333;
}

[data-theme="dark"] {
    --bg-color: #1e1e1e;
    --text-color: #f5f5f5;
    --border-color: #333;
    --footer-bg-color: #2e2e2e;
    --footer-text-color: #ccc;
}


body {
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: all 0.3s ease;
}
